<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>Hello H5+</title>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript">
function fullscreen(){
	outSet( "应用全屏显示！" );
	plus.navigator.setFullscreen(true);
}
function unfullscreen(){
	outSet( "应用非全屏显示！" );
	plus.navigator.setFullscreen(false);
}
function isfullscreen(){
	outSet( "是否全屏："+(plus.navigator.isFullscreen()?"是":"否") );
}

function customerNavigator(){
	var wn=clicked('navigator_status.html');
	var bcolor=plus.navigator.getStatusBarBackground();
	var bstyle=plus.navigator.getStatusBarStyle();
	wn.addEventListener('close',function(){
		//页面关闭后状态栏重置回以前的颜色
		plus.navigator.setStatusBarBackground(bcolor);
		//页面关闭后状态栏重置回以前的样式
		plus.navigator.setStatusBarStyle(bstyle);
	},false);
}
		</script>
		<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
	</head>
	<body>
		<header>
			<div class="nvbt iback" onclick="back(true);"></div>
			<div class="nvtt">Navigator</div>
			<div class="nvbt idoc" onclick="openDoc('Navigator Document','/doc/navigator.html')"></div>
		</header>
		<div id="dcontent" class="dcontent">
			<ul class="dlist">
				<li class="ditem" onclick="fullscreen();">全屏显示</li>
				<li class="ditem" onclick="unfullscreen();">非全屏显示</li>
				<li class="ditem" onclick="isfullscreen();">是否全屏</li>
			</ul>
			<br/>
			<div class="button" onclick="customerNavigator()">自定义状态栏</div>
		</div>
		<div id="output">
Navigator用于管理浏览器运行环境信息，可用于设置应用全屏显示等。
		</div>
	</body>
</html>